<php>
	$this->display(tpl('head'));
	$mysqlslave=$setting['mysqlslave'] ? unserialize($setting['mysqlslave']) : [];
	$state[$setting['mysqlslave_state']]='checked';
</php>
	<fieldset class="layui-elem-field layui-field-title">
	  	<legend> MySql 主从参数设置</legend>
	</fieldset>
	<blockquote class="layui-elem-quote layui-quote-nm">
		<p>1、使用该功能时，应该先到 > 网站设置 < 将网站状态更改为关闭，防止写入新的或者更新数据</p>
		<p>2、将默认安装的数据库复制到从数据库,库名不可更改。表不可缺失。</p>
		<p>3、在进行设置此项时，主从关系应该是已经联通的。</p>
	    <p>4、主数据库只是为写入，不读取。</p>
		<p>5、互为主从，随机读取一个配置进行读写操作(包括默认配置即原始安装的数据库)</p>
		<p>6、读取数据时从'从数据库'中随机一条进行连接,连接失败时会再次随机如果一直不可用会连接到主库</p>
		<p>7、互为主从时，数据库必须达到一个循环，否则可能数据无法全部更新如（1->2,2->3,3->1）</p>
	</blockquote>
	<style>
		.td{
			width: 80px !important;
		}
	</style>
	<form class="layui-form" method="post">
		<table class="layui-table  my-tabel">
			<tbody>
				<tr>
					<td class="td">主从开启状态</td>
					<td>
						<input name="web[mysqlslave][state]" value="0" type="radio" title="关闭" {{ $state['0'] }}>
						<input name="web[mysqlslave][state]" value="1" type="radio" title="默认安装的为主" {{ $state['1'] }}>
						<input name="web[mysqlslave][state]" value="2" type="radio" title="互为主从(不建议)" {{ $state['2'] }}>
					</td>
				</tr>
				<tr>
					<td class="td">
						MySql从服务器设置
						<p style="margin-top: 10px;"><a href="javascript:" style="background-color: #009688;padding: 5px 10px;border-radius: 5px;color: #fff;" onclick="addmysqlslave()">增加一组</a></p>
					</td>
					<td id="MySQlist">
						<php>
							$num=  isset($mysqlslave) && count($mysqlslave) ? count($mysqlslave) :1;
							for($i=0;$i<$num;$i++){
								$row=$mysqlslave[$i];
						</php>
						<table class="layui-table my-tabel" id="table_{{$i}}">
							<tbody>
								<tr>
									<td>数据库服务器IP地址</td>
									<td>
										<input name="web[mysqlslave][host][]" class="layui-input my-input" value="{{ $row['host'] }}" type="text"> 必须填写,不填写则会被过滤掉
									</td>
									<td width="50" rowspan="4"><a href="javascript:" style="background-color: red;padding: 5px 10px;border-radius: 5px;color: #fff;" onclick="delmysqlslave({{$i}})">删除</a></td>
								</tr>
								<tr>
									<td>数据库端口</td>
									<td>
										<input name="web[mysqlslave][port][]" class="layui-input my-input" value="{{ $row['port'] }}" type="text"> 不填写默认3306
									</td>
								</tr>
								<tr>
									<td>数据库用户名</td>
									<td>
										<input name="web[mysqlslave][user][]" class="layui-input my-input" value="{{ $row['user'] }}" type="text"> 不填写会使用原始安装的数据库用户名
									</td>
								</tr>
								<tr>
									<td>数据库密码</td>
									<td>
										<input name="web[mysqlslave][password][]" class="layui-input my-input" value="{{ $row['password'] }}" type="password"> 不填写会使用原始安装的数据库密码
									</td>
								</tr>
							</tbody>	
						</table>
						<?php } ?>
					</td>
				</tr>
				<tr>
					<input type="hidden" name="step" id="step" value="post" />
					<td colspan="2" class="my_button"><button class="layui-btn">立即设置</button></td>
				</tr>
			</tbody>
		</table>

	</form>
<script>
	layui.config({
		version: '{{ NOWTIME }}'
	});
	var form;
	layui.use(['form'], function(){
		var $ = layui.jquery
		form = layui.form;
		form.on('select(caching_type)', function(data){
		  console.log(data);
		});
	});
	var i={{$num}};
	function delmysqlslave(t){
		$('#table_'+t).remove();
	}
	function addmysqlslave(){
		var html='<table class="layui-table my-tabel" id="table_'+i+'">';
			html+='				<tbody>';
			html+='					<tr>';
			html+='						<td>数据库服务器IP地址</td>';
			html+='						<td>';
			html+='							<input name="web[mysqlslave][host][]" class="layui-input my-input" value="" type="text"> 必须填写,不填写则会被过滤掉';
			html+='						</td>';
			html+='						<td width="50" rowspan="4"><a href="javascript:" style="background-color: red;padding: 5px 10px;border-radius: 5px;color: #fff;" onclick="delmysqlslave('+i+')">删除</a></td>';
			html+='					</tr>';
			html+='					<tr>';
			html+='						<td>数据库端口</td>';
			html+='						<td>';
			html+='							<input name="web[mysqlslave][port][]" class="layui-input my-input" value="" type="text"> 不填写默认3306';
			html+='						</td>';
			html+='					</tr>';
			html+='					<tr>';
			html+='						<td>数据库用户名</td>';
			html+='						<td>';
			html+='							<input name="web[mysqlslave][user][]" class="layui-input my-input" value="" type="text"> 不填写会使用原始安装的数据库用户名';
			html+='						</td>';
			html+='					</tr>';
			html+='					<tr>';
			html+='						<td>数据库密码</td>';
			html+='						<td>';
			html+='							<input name="web[mysqlslave][password][]" class="layui-input my-input" value="" type="password"> 不填写会使用原始安装的数据库密码';
			html+='						</td>';
			html+='					</tr>';
			html+='				</tbody>	';
			html+='			</table>';
			$('#MySQlist').append(html);
	}
</script>
<php> $this->display(tpl('foot')); </php>
